 <style>
        .weui-loadmore { display: block; }
        .no-more { font-size: 13px; color: #666; text-align: center; display: none;padding: 10px;}
        .body { overflow: hidden; }
        .weui-tabbar{ display: none; }
        /*.personal-info { display: flex; display: -webkit-flex; height: 4rem; align-items: center; -webkit-align-items: center; padding-left: 1rem; background-color: white;}*/
        .top_bg { width: 100%; height: 7rem; background-size: cover!important;opacity: 0.6;}
        .personal-info>img { width: 4.5rem; height: 4.5rem; display: block; margin: 0 auto; margin-top: -2.25rem; border-radius: 2.25rem; }
        .personal-info .user-text {color: #666; }
        .personal-info .user-text .nickname { line-height: 1.5rem; text-align: center;}
        .personal-info .user-text .realname { font-size: .7rem; }
        .personal-list { margin-top: 1rem; }
        .personal-list a{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center;  height: 2.5rem; background-color: white; padding-right: .5rem; padding-left: .5rem; color: #333; font-size: .8rem;}
        .personal-list a i.right-icon { color: #01a4aa; font-size: 1rem;}
        .personal-list a .list-name { margin-left: .75rem; }
        .personal-list a i.left-icon { color: #999; font-size: 1rem; }
        a.my-order + a.refund { margin-top: 0.5rem; }
        a.verifys{margin-top: 0.5rem;}
        a.logout{margin-top: 0.5rem;}
        .no-verify_btn { color:#ea7027; font-size: 12px; text-decoration: underline; display: block; text-align: center;}
        #navigationer a{color:#333}
        .weui-navbar__item{padding:6px 0px}
        .weui_bar__item_on{background: #e43839;}
        #navigationer .weui_bar__item_on a{color:#FFF} 
    </style>
<div class="top_bg" style="background: url('__PUBLIC__/static/images/user_topbg.jpg') no-repeat center;"></div>
<div class="personal-info" style='position: absolute;left:1.5em;top: 4em;'> 
    <img src="{$userInfo.avatar}?imageMogr2/thumbnail/150x150!" alt="" style='inline-block;float:left;'>
    <div class="user-text" style='float:left;margin-left:1em;margin-top:-2em'>
        <p class="nickname" style='text-align:left;'>亲爱的 <span style='color:red'> {$userInfo.nickname}</span></p>  
        <p class="nickname" style='text-align:left;'>会员类型：房产经纪人</p>  
    </div>
</div>
<div style='clear:both;'></div>
<div id='navigationer' style='position:relative;'>
    <div class="weui-navbar" style='position:relative;'>
        <div class="weui-navbar__item <?php if($navi==1) echo 'weui_bar__item_on';?>">
            <a href="{:U('Index/articles')}">项目动态</a>
        </div>
        <div class="weui-navbar__item <?php if($navi==2) echo 'weui_bar__item_on';?>">
            <a href="{:U('Index/baobei')}">报备记录</a> 
        </div>
        <div class="weui-navbar__item <?php if($navi==3) echo 'weui_bar__item_on';?>">
            <a href="{:U('Index/yongjin')}">佣金明细</a> 
        </div>
    </div> 
</div> 
<div style='clear:both;'></div>


<p style='position:fixed;bottom:0px;width: 100%;left: 0px;z-index: 999;background: #eee;padding: 10px 0px;'><a href="{:U('index/baobeiadd')}" class="weui-btn weui-btn_warn" style='width: 50%;'>客户报备</a></p> 
